<!-- html -->
<template>
  <h2 class="h2">pinia，集中式数据管理</h2>
  <span class="span3">组件1</span>
  <br>
  <piniaTest1Child />
  <br>
  <span class="span3">组件2</span>
  <br>
  <piniaTest2Child />
</template>

<!-- js或ts -->
<script lang="ts">
export default {
  name: 'piniaTest1'
}
</script>

<!-- js或ts -->
<script setup lang="ts">
import piniaTest1Child from '@/components/pinia/PiniaTest1Child.vue'
import piniaTest2Child from '@/components/pinia/PiniaTest2Child.vue'
</script>

<!-- 样式 -->
<style scoped></style>